page {
  height: 100%;
}
.mainContainer {
  height: 100%;
  background-color: #e5e5e5;
  padding: 24rpx;
  padding-bottom: 88rpx;
  .time {
    text-align: center;
    font-size: 24rpx;
    line-height: 24rpx;
    color: #aaaaaa;
  }
  .chatBox {
    margin-top: 48rpx;
    display: flex;

    .avatar {
      width: 72rpx;
      height: 72rpx;
      flex-shrink: 0;
    }
    .info {
      padding: 24rpx;
      font-size: 24rpx;
      line-height: 24rpx;
      background: #ffffff;
      box-shadow: 0px 4rpx 20rpx rgba(0, 0, 0, 0.06);
      border-radius: 12rpx;
      box-sizing: border-box;
      max-width: 510rpx;
    }
  }
  .user {
    flex-direction: row-reverse;
    .info {
      margin-right: 24rpx;
    }
  }
  .shop {
    .info {
      margin-left: 24rpx;
    }
  }
  .chatBox:first-child {
    margin-top: 32rpx;
  }
  .submitBox {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 88rpx;
    background-color: #ffffff;
    padding: 16rpx 32rpx 16rpx 32rpx;
    display: flex;
    .mico {
      width: 56rpx;
      height: 56rpx;
    }
    .content {
      width: 494rpx;
      height: 56rpx;
      background: #f6f6f6;
      border-radius: 36rpx;
      margin-left: 20rpx;
    }
    .commit {
      margin-left: 12rpx;
      padding: 16rpx 28rpx 16rpx 28rpx;
      background: #fb7a42;
      border-radius: 28rpx;
      font-size: 24rpx;
      line-height: 24rpx;
      color: #ffffff;
    }
  }
}
